@import '../../assets/style/define';
@lineHeight: calc(@title * 1.375);

.item {
  margin: 0 10px;
  text-align: center;
  flex: 1;
  max-width: 120px;
  .image {
    img {
      width: 80px;
      border-radius: 20px;
    }
  }
  .item-info {
    text-align: left;
    .item-title {
      font-size: @title;
      line-height: @lineHeight;
      max-height: calc(@lineHeight * 2);
      margin: 3px 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
    }
    .item-category {
      font-size: @baseSize;
      color: @gray;
    }
  }
}
